<template>
  <div class="footer-bar">
    <van-tabbar route>
      <template v-for="item in links">
        <van-tabbar-item
          :key="item.path"
          replace
          :to="item.path"
          :icon="item.icon"
        >
          {{ item.text }}
        </van-tabbar-item>
      </template>
    </van-tabbar>
  </div>
</template>

<script>
export default {
  props: ['links'],
}
</script>

<style lang="scss" scoped>
.footer-bar {
  height: 50px;
}
</style>
